<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="renderer" content="webkit">
    <title>登录页面</title>
    <link rel="stylesheet" th:href="@{../css/bootstrap.css}">
    <link rel="stylesheet" th:href="@{../css/blog.css}">
    <link rel="shortcut icon" th:href="@{../images/logo.jpg}">
    <script th:src="@{../js/jquery-3.6.0.js}"></script>
    <script th:src="@{../js/bootstrap.js}"></script>
</head>
<style></style><body>
<!--页面内容可见区域-->
<div class="container">

    <form class="form-signin" th:action="@{/login}" method="post" >
        <h2 class="form-signin-heading">用户登录</h2>
        <label for="userid" class="sr-only">用户名：</label>
        <input type="text" name="userid" id="userid" class="form-control" placeholder="请输入用户名" required autofocus>
        <label for="password" class="sr-only">密 码：</label>
        <input type="password" name="password" id="password" class="form-control" placeholder="请输入密码" required>
        <div class="dropdown" style="margin-bottom: 20px">
            <select class="form-control" name="rolename" style="width: 200px;height: 40px;font-size: 8px;text-align: center;">
                <option th:text="系统管理员" th:value="系统管理员"></option>
                <option th:text="技术员" th:value="技术员"></option>
                <option th:text="学生" th:value="学生"></option>
                <option th:text="学生工作处" th:value="学生工作处"></option>
                <option th:text="实验室助理" th:value="实验室助理"></option>

            </select>
        </div>


        <button class="btn btn-lg btn-primary btn-block" type="submit">登录</button>
        <a class="btn btn-lg btn-primary btn-block" th:href="@{toregister}" STYLE="margin-top: 30px" >注册</a>
    </form>

</div> <!-- /container -->



</body>
</html>